<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Shopping-Mall-用户管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--     <meta name="viewports" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /> -->
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="layui-anim layui-anim-up">
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a><cite>用户管理</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','./admin-add.html',600,455)"><i class="layui-icon"></i>添加</button>
      </xblock>
  </div>
 	
	<table class="layui-hide" id="test"></table>

      <script>
       layui.use(['table','laypage'], function(){
		  var table = layui.table
		  ,laypage = layui.laypage
		  ,layer = layui.layer;
		  
		//执行渲染
		table.render({
		  elem: '#test' //指定原始表格元素选择器（推荐id选择器）
		  ,url: '/shoppingmall/QueryUserServlet'
// 		  ,height: 472 //容器高度
		  ,page: true
		  ,done: function(res, curr, count){
			    
			  }
		  ,cols: [[
			  {type:'numbers'}
		      ,{type: 'checkbox'}
			  ,{field:'id', width:80, title: 'ID', sort: true}
		      ,{field:'username', title: '用户名'}
		      ,{field:'sex', width: 100, title: '性别', sort: true,
		    	  templet: function(value){
		    		  if(value.sex == 0)
		    			  return "女";
		    		  else
		    			  return "男";
		    	  }
		      }
		      ,{field:'email', title: '邮箱'}
		      ,{field:'mobile', title: '手机', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
		      ,{field:'create_time', title: '创建时间', sort: true,
// 		    	  templet : function(value){
// 						return layui.util.toDateString(value.create_time);
// 						return dateToStr(value.create_time);
// 						return formatTime(value.create_time);
// 				  }
		      }
		      ,{field:'status', title: '状态', sort: true,
		    	  templet : function(value){
		    		  if(value.status == 0)
		    			  return "未激活";
		    		  else
		    			  return "已激活";
		    	  }
		   	  }
		  ]] 
		  ,parseData: function(res){ //res 即为原始返回的数据
			    return {
			      "code": res.status, //解析接口状态
			      "msg": res.message, //解析提示文本
			      "count": res.total, //解析数据长度
			      "data": res.data.item //解析数据列表
			    };
		   }
		  ,response: {
			    status : 200
		  } 
		});
		
     });  
    </script>
      
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }
      });
      
    </script>
  </body>
</html>